<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery错误警告弹出框代码</title>


<style type="text/css">
.sgBtn{width:135px;height:35px;line-height:35px;margin-left:10px;margin-top:10px;text-align:center;background-color:#0095D9;color:#FFFFFF;float:left;border-radius:5px;}
</style>


<link rel="stylesheet" type="text/css" href="css/xcConfirm.css"/>

<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/xcConfirm.js" type="text/javascript"></script>



<script type="text/javascript">
$(function(){
	
	$("#btn1").click(function(){
		var txt=  "提示文字，提示文字，提示文字，提示文字，提示文字，提示文字";
		window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.info);
	});
	
	$("#btn2").click(function(){
		var txt=  "提示文字，提示文字，提示文字，提示文字，提示文字，提示文字";
		window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.confirm);

	});
	
	$("#btn3").click(function(){
		var txt=  "提示文字，提示文字，提示文字，提示文字，提示文字，提示文字";
		window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.warning);
	});
	
	$("#btn4").click(function(){
		var txt=  "提示文字，提示文字，提示文字，提示文字，提示文字，提示文字";
		window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.error);
	});
	
	$("#btn5").click(function(){
		var txt=  "提示文字，提示文字，提示文字，提示文字，提示文字，提示文字";
		window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.success);
	});
	
	$("#btn6").click(function(){
		var txt=  "请输入";
		window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.input,{
			onOk:function(v){
				console.log(v);
			}
		});
	});
	
	$("#btn7").click(function(){
		var txt=  "自定义呀";
		var option = {
			title: "自定义",
			btn: parseInt("0011",2),
			onOk: function(){
				console.log("确认啦");
			}
		}
		window.wxc.xcConfirm(txt, "custom", option);
	});
	
	$("#btn8").click(function(){
		var txt=  "默认";
		window.wxc.xcConfirm(txt);
	});
	
});
</script>

</head>
<body>

<div style="height: 168px;">
	<div class="sgBtn" id="btn1">弹窗1(信息)</div>
	<div class="sgBtn" id="btn2">弹窗2(提示)</div>
	<div class="sgBtn" id="btn3">弹窗3(警告)</div>
	<div class="sgBtn" id="btn4">弹窗4(错误)</div>
	<div class="sgBtn" id="btn5">弹窗5(成功)</div>
	<div class="sgBtn" id="btn6">弹窗6(输入框)</div>
	<div class="sgBtn" id="btn7">弹窗7(自定义)</div>
	<div class="sgBtn" id="btn8">弹窗8(默认)</div>
</div>

</body>
</html>
